<div class="rounded-4 ">
  <div class="card text-dark mb-3 border-0 rounded-4 px-3">

    <div class="card-header rounded-4 shadow-lg mt-3 bg-dark-subtle" *ngIf="isHome">

            <nav class="navbar navbar-light justify-content-between">
                <p *ngIf="selectedSafeName == ''" class="navbar-brand">Сейфы</p>
                <p *ngIf="selectedSafeName != ''" class="navbar-brand">{{selectedSafeName}}</p>

                <button (click)="addSafe()" mat-mini-fab color="white" >
                    <mat-icon fontIcon="add"></mat-icon>
                </button>
            </nav>

    </div>


    <div class="card-body">

          <div (click)="onSafeSelected(safe)" *ngFor="let safe of safes">
            <app-safe-item [safe]="safe" [selectedSafeId]="selectedSafeId"></app-safe-item>
          </div>

        </div>
    </div>


</div>


